﻿@inherits Project.Engine.Control.BasePageRazor
@{
    ViewBag.Title = "Liên Hệ";
    Layout = "~/Views/Home/_Master.cshtml";
}
<div id="noidung">
    <h2>Liên hệ</h2>
    <form method="post">
    <table class="lienhe">
        <tr>
            <td class="left">Tên người gửi</td>
            <td><input type="text" id="name" /></td>
        </tr>
        <tr>
            <td class="left">Email</td>
            <td><input type="text" id="mail" /></td>
        </tr>
        <tr>
            <td class="left">Tiêu đề</td>
            <td><input type="text" id="title" /></td>
        </tr>
        <tr>
            <td class="left">Nội dung</td>
            <td><textarea rows="2" cols="20" id="content"></textarea></td>
        </tr>
    </table>
    <input class="button" type="submit" value="Gửi" id="btnSend" />
    <input class="button" type="submit" value="Nhập lại" id="btnCancel" />
    </form>
</div>
<!--end #noidung-->

<script type="text/javascript">
    $('#btnSend').click(function () {
        var link = '/gui-lien-he';
        var name = document.getElementById('name').value;
        var mail = document.getElementById('mail').value;
        var title = document.getElementById('title').value;
        var content = document.getElementById('content').value;

        if (name.length == 0) {
            alert("Bạn chưa nhập tên");
            return false;
        }
        if (mail.length == 0) {
            alert("Bạn chưa nhập mail");
            return false;
        }
        if (title.length == 0) {
            alert("Bạn chưa nhập tiêu đề");
            return false;
        }
        if (content.length == 0) {
            alert("Bạn chưa nhập nội dung");
            return false;
        }

        $.post(link, { 'name': name, 'mail': mail, 'title': title, 'content': content }, function (data) {
            if (data.result == 0) {
                alert('Gửi thành công!');
                window.location.reload();
            } else {
                window.location.reload();
            }
        });

        document.getElementById('name').value = '';
        document.getElementById('mail').value = '';
        document.getElementById('title').value = '';
        document.getElementById('content').value = '';

        // return
        return false;
    });

    $('#btnCancel').click(function () {
        document.getElementById('name').value = '';
        document.getElementById('mail').value = '';
        document.getElementById('title').value = '';
        document.getElementById('content').value = '';

        // return
        return false;
    });
</script>
